page {
    padding-bottom: 30rpx;
    background-color: #eee;

}

.my_container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;

    .head_image_wrap {
        position: relative;
        width: 100%;
        height: 45vh;
        background-color: var(--themeColor);
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        // border-bottom: 1rpx solid #ddd;

        .head_background {
            position: absolute;
            width: 105%;
            height: 105%;
            overflow: hidden;
            filter: blur(5px);
            display: flex;
            justify-content: center;
            align-items: center;
            image {
                width: 100%;
                height: 100%;
            }
        }

        .head_img {
            width: 150rpx;
            height: 150rpx;
            border: 1px solid #ddd;
            border-radius: 50%;
            z-index: 999;
            margin-bottom: 80rpx;
        }

        .user_name {
            // margin-bottom: 60rpx;
            color: #fff;
            font-weight: bold;
            font-size: 30rpx;
            z-index: 999;
            text-shadow: #000 1px 0 0, #000 0 1px 0, #000 -1px 0 0, #000 0 -1px 0;
        }
    }

    .collect_history {
        position: absolute;
        top: 45vh;
        transform: translateY(-50%);
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: row;
        background-color: #fff;
        border: 1rpx solid #ddd;
        width: 90%;
        padding: 15rpx;

        .item {
            flex: 1;

            .item_num {
                text-align: center;
                color: var(--themeColor);
            }

            .item_name {
                text-align: center;
            }
        }
    }

    .order_form {
        border: 1rpx solid #ddd;
        margin-top: 80rpx;
        width: 90%;
        background-color: #fff;

        .order_title {
            padding: 20rpx;
            border-bottom: 1rpx solid #ddd;
        }

        .order_item_wrap {
            display: flex;
            justify-content: center;
            align-items: center;

            .order_item {
                flex: 1;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-direction: column;
                padding: 15rpx;

                .item_icon {
                    text-align: center;

                    .iconfont {
                        font-size: 36rpx;
                        font-weight: bold;
                        color: var(--themeColor);
                    }
                }

                .item_name {
                    text-align: center;
                }
            }
        }
    }

    .other_options_box {
        margin-top: 30rpx;
        width: 90%;
        display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-direction: column;
        button::after{
            border: none;
            border-radius: 0px;
        }
        .options_item {
            position: relative;
            width: 100%;
            flex: 1;
            padding: 20rpx;
            background-color: #fff;
            display: flex;
            justify-content: space-between;
            border: 1rpx solid #ddd;

            &:nth-child(n-1) {
                border-bottom: none;
            }

            &:first-child {
                margin-bottom: 30rpx;
                border-bottom: 1rpx solid #ddd;
            }

            &:last-child {
                margin-top: 30rpx;
                border-bottom: 1rpx solid #ddd;
            }

            &:nth-last-child(2) {
                border-bottom: 1rpx solid #ddd;
            }

            button {
                position: absolute;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                background-color: transparent;
            }

            .item_name {}

            .item_icon {}
        }
    }
}